<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="CSS/style.css"/>
		<title>世界</title>
		<script src="bootstrap/js/jquery-3.5.1.slim.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<style>

		</style>
	</head>
	<body>
		<header>
			<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
				<a class="navbar-brand"><img src="images/biaoqian.jpg" width="150px" height="80px"></a>
				<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navtop">
					<span class="navbar-toggler-icon"></span>
				</button>
				<div class="collapse navbar-collapse" id="navtop">
					<ul class="navbar-nav mr-auto text-white" style="font-size: 30px;">
						<li class="nav-item">
							<a class="nav-link" href="index.html">首页</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="xinwen.html">新闻</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="jueshe.html">角色</a>
						</li>
						<li class="nav-item">
							<a class="nav-link active" href="#">世界</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="shequ.html">攻略</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="chongzhi.html">充值</a>
						</li>
					</ul>
					<span class="text-danger mr-3 ml-3"><img src="images/mihayou.png" width="160" height="50"></span>
					<a class="text-white" style="margin: 10px;font-size: 20px;">登录</a>
					<a class="text-white" style="margin: 10px;font-size: 20px;">/</a>
					<a class="text-white mr-5" style="margin: 10px;font-size: 20px;">注册</a>
				</div>
			</nav>
		</header>

		<div class="container">
			<ul class="nav nav-tabs justify-content-center">
				<li class="nav-item font-weight-bold" style="font-size: 25px;">
					<a class="nav-link active" data-toggle="tab" href="#pinuo">
						<img src="images/匹诺.png" alt="" width="100" height="100" /><br />
						匹诺康尼
					</a>
				</li>
				<li class="nav-item font-weight-bold active" style="font-size: 25px;">
					<a class="nav-link" data-toggle="tab" href="#xianzhou">
						<img src="images/罗浮.png" alt="" width="100" height="100" /><br />
						仙舟联盟
					</a>
				</li>
				<li class="nav-item font-weight-bold" style="font-size: 25px;">
					<a class="nav-link" data-toggle="tab" href="#kongjian">
						<img src="images/空间.png" alt="" width="100" height="100" /><br />
						空 间 站
					</a>
				</li>
				<li class="nav-item font-weight-bold" style="font-size: 25px;">
					<a class="nav-link" data-toggle="tab" href="#yaliluo">
						<img src="images/雅利luo.png" alt="" width="100" height="100" /><br />
						雅利洛VI
					</a>
				</li>
			</ul>

			<div class="tab-content">
				<div class="tab-pane fade show active" id="pinuo">
					<div class="imga">
						<p class="text-white img-tit">
							阿斯德纳星系的巨构建筑,高耸的「白日梦酒店」是其醒目标识。曾经是公司的边陲监狱,如今在
							家族的建设下成为美梦乐园的大门暨星际交通枢纽。
						</p>
						<a href="#"><img src="images/匹诺地图.png" width="100%" height="600"></a>
					</div>
				</div>
				<div class="tab-pane fade" id="xianzhou">
					<div class="imga">
						<span class="text-white img-tit">
							仙舟「罗」是仙舟联盟的六大座舰之一,它漂航于无尽的星海中,如无回的神矢射向「巡猎」之
							主的宿敌。
						</span>
						<a href="#"><img src="images/罗浮地图.png" width="100%" height="600"></a>
					</div>
				</div>
				<div class="tab-pane fade" id="kongjian">
					<div class="imga">
						<span class="text-white img-tit">
							天才俱乐部的黑塔不满足于寻常世界的万物法则,她将目光投向了银河中未解的存在,并期待那些
							遥远的神秘能够满足自己的好奇心。为此,黑塔主导建立了博物馆式星际舰船,并将它发射至行星轨
							道,开始了「将一切怪异封印在星空之中」的研究工作。远近闻名的空间站「黑塔」便因此诞生。
						</span>
						<a href="#"><img src="images/空间地图.png" width="100%" height="600"></a>
					</div>
				</div>
				<div class="tab-pane fade" id="yaliluo">
					<div class="imga">
						<span class="text-white img-tit">
							穿过雪原,便能一睹贝洛伯格的全貌 -- 它是「雅利洛-VI」这颗冰冷星球上唯一算得上温暖的地
							方。作为仅存的人类城市,贝洛伯格还有许多更崇高的称呼：人类抵御寒潮的最后堡垒、克里珀的庇佑
							之地。
						</span>
						<a href="#"><img src="images/雅利洛地图.png" width="100%" height="600"></a>
					</div>
				</div>
			</div>
		</div>


	</body>
	<footer class="text-center text-white mt-3 mb-3 bg-dark">
		<h5 class="mb-0">健康游戏忠告：抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。</h5>
		<h5 class="mb-0">客服电话：400-666-6312</h5>
		<p class="ca mb-0 mr-2">&copy;
			<span class="text-col"> 米哈游版权所有 |</span><span class="text-col2"> 上海米哈游影铁科技有限公司 </span>
		</p>
		<h1>哈哈哈</h1>
	</footer>
</html>
